<template>
  <view class="y-tag" :style="{ color: color, backgroundColor: bgcolors }">
    {{ text }}
  </view>
</template>

<script>
export default {
  name: "y-tag",
  props: {
    bgcolors: {
      type: String,
      default: "#f2d4d5",
    },
    color: {
      type: String,
      default: "#C1282D",
    },
    text: {
      type: String,
      default: "",
    },
  },
};
</script>
<style lang="scss" scoped>
.y-tag {
  margin-right: 20rpx;
  padding: 10rpx 30rpx;
  font-size: 24rpx;
  border-radius: 10rpx;
}
</style>